.back{background:#fff;}
.page_bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 8;}
.nav{display:flex;justify-content: space-between;align-items: center;padding:50px 0;}
.nav_item{display:flex;align-items: center;}
.nav_buy{font-size:16px;color:#333;}
.nav_buy_name{font-weight: bold;font-size:14px;padding-bottom:14px;}
.nav_buy_link{display:flex;align-items: center;}
.nav_buy_link_item{margin-right:32px;color:#007AFF;cursor:pointer;}
.nav_buy_link_active{color:#333;border-bottom:2px solid #333;font-weight: bold;}
.nav_border{border-left:1px solid #ececec;padding-left:32px;}
.nav_item{}
.nav_search{position:relative;}
.nav_search_main{display:flex;align-items: center;border:1px solid #d9d9d9;min-width:180px;height:32px;font-size:12px;color:#d9d9d9;padding-left:8px;border-radius:3px;cursor: pointer;}
.nav_search_main:hover{border-color:rgb(153, 153, 153);color:rgb(153, 153, 153);}
.nav_search_block{background:rgb(153, 153, 153);color:#fff;margin:2px 4px 2px 0;height:22px;border-radius:3px;display:flex;justify-content: center;align-items: center;padding:0 8px;}
.nav_search_block:hover{opacity:.8;}
.nav_search_block_name{}
.nav_search_block_del{width:10px;height:10px;position:relative;margin-left:6px;opacity:.8;}
.nav_search_block_del:hover{opacity: 1;}
.nav_search_block_del::before{content:'';width:1px;background:#fff;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%) rotate(-45deg);}
.nav_search_block_del::after{content:'';width:1px;background:#fff;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%) rotate(45deg);}
.nav_search_icon{padding:0 8px 0 4px;}
/*table*/
.content_box{padding:16px 0;font-size:14px;color:#333;display:flex;align-items: center;border-bottom:1px solid #ececec;position:relative;}
.content_box::before{content:'';width:52px;height:1px;background:#fff;position:absolute;bottom:-1px;left:0;}
.content_item{flex:1;display:flex;align-items: center;}
.content_prop{flex:1.8;}
.content_title{color:#999;padding:0;padding-bottom:8px;border-bottom:1px solid #d9d9d9;}
.content_title::before{background:transparent;}
.content_right{display:flex;justify-content: flex-end;}
.content_head_image{width:36px;height:36px;border-radius:50%;display:flex;justify-content: center;align-items: center;background:#ccc;color:#fff;font-size:16px;position:relative;margin-right:16px;}
.content_head_name{color:#007AFF;font-weight:bold;}
.content_head_icon{width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;bottom:0;right:0;}
.content_head_icon::before{content:'';width:6px;height:6px;border-radius:50%;background:#0fd12a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.content_price{color:#489972;font-weight: bold;}
.content_pay_img{width:25px;height:25px;margin-right:6px;}
/*alert*/
.nav_search_alert{position:absolute;top:54px;background:#fff;box-shadow: 0 1px 9px 0 rgba(71,78,114,.24);width:310px;right:0;padding-top:10px;z-index: 9;}
.nav_search_alert::before{content:'';width:12px;height:12px;background:#fff;position:absolute;top:-1px;right:24px;transform:scale(1,0.9) translateY(-50%) rotate(45deg);border:solid 1px rgba(71,78,114,.1);border-width:1px 0 0 1px;}
.nav_search_alert_content{display:flex;align-items: center;justify-content: space-between;padding:10px 12px;}
.nav_search_alert_content_name{color:#495060;font-size:14px;width:100px;}
.nav_search_alert_content_form{flex:1;}
.nav_search_btn{border-top:1px solid #ececec;margin-top:10px;display:flex;justify-content: flex-end;padding:20px 12px;}
.nav_search_cancel{color:#999;margin-right:12px;}
.nav_search_btn_item{}
/*paging*/
.otc_paging{display:flex;justify-content: center;padding:50px 0;}
/*operation*/
.senir{font-size:14px;color:#333;position:relative;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.senir_main{display:flex;padding:16px 0;}
.senir_box{flex:1;}
.senir_top{display:flex;align-items: center;justify-content: space-between;}
.senir_top_left{display:flex;flex:1;}
.senir_top_item{flex:1;}
.senir_top_name{}
.senir_top_number{padding-top:4px;}
.senir_top_right{flex:1.2;}
.senir_top_right_box{display:flex;justify-content: flex-end;align-items: center;}
.senir_inputs{border:1px solid #dddee1;color:#495060;border-radius:4px;height:32px;width:170px;font-size:12px;display:flex;align-items: center;padding-left:8px;position:relative;}
.senir_inputs:hover{border-color:#007AFF;box-shadow:0 0 5px 0 rgba(0,122,255,.4);}
.senir_input_item{white-space: nowrap;}
.senir_input{width:100%;height:32px;}
.senir_input_unit{padding:0 8px;color:#d9d9d9;}
.senir_input_all{padding:0 8px;color:#007AFF;transform:scale(0);position:absolute;top:0;right:0;cursor:pointer;}
.senir_top_bothway{margin:0 8px;color:#999;}
.btn_order{margin-left:12px;}
.senir_inputs:hover .senir_input_unit{transform:scale(0);position:absolute;top:0;right:0;}
.senir_inputs:hover .senir_input_all{transform:scale(1);position:static;}
/*pay way*/
.senir_pay{padding-top:24px;display:flex;justify-content: space-between;align-items: center;}
.senir_pay_way{display:flex;align-items: center;}
.senir_pay_way_item{display: flex;align-items: center;margin-right:24px;}
.senir_pay_way_icon{width:25px;height:25px;}
.senir_pay_way_name{padding-left:8px;}
.senir_pay_tips{color:#999;font-size:14px;}
/*note*/
.senir_note{color:#999;font-size:14px;padding-bottom:24px;}
.senir_note_title{padding:16px 0;}
.senir_note_content{}

